<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>运算符</title>
</head>
<body>
  <script>
    // 1. 算数运算符
    // + - * / % ++ --
    var a = 1;
    var b = 2;
    console.log("a:", a, "  b:", b);
    // console.log(a + b);
    // console.log(a - b);
    // console.log(a * b);
    // console.log(a / b);
    // 取余
    // console.log("%: ", b % a);
    // console.log("5%2: ", 5 % 2);
    // console.log("6%2: ", 6 % 2);
    // console.log("7%4: ", 7 % 4);
    // ++ --
    // console.log("a++: ", a++); // a = a + 1
    // console.log("a  : ", a); // 2
    // console.log("a++: ", a++); // a = a + 1
    // console.log("a  : ", a); // 3
    // console.log("++a: ", ++a); // a = a + 1
    // console.log("a  : ", a); // 4
    // console.log("a--: ", a--); // a = a - 1
    // console.log("a  : ", a); // 3
    // console.log("--a: ", --a); // 2

    // 2. 赋值运算符
    // = += -= *= /= %=
    // var c = 10
    // console.log("c: ", c)
    // c += 2 // c = c + 2
    // console.log("c: ", c);
    // c -= 2 // c = c - 2
    // console.log("c: ", c);
    // c *= 2 // c = c * 2
    // console.log("c: ", c);
    // c /= 2 // c = c / 2
    // console.log("c: ", c);
    // c %= 2 // c = c % 2
    // console.log("c: ", c);

    // 3. 逻辑运算符
    // && || !
    var d = true
    var e = false
    console.log("d:", d, " e:", e);
    console.log("d && e: ", d && e); // 两个都是true, 才是true
    console.log("d || e: ", d || e); // 有一个是true, 即是true
    console.log("!d: ", !d); // 取反
  </script>
</body>
</html>